<template>
  <ul class="footer flex jc-sa w100pc fixed bott0 bg-fff aic footer">
    <li class="item">
      <router-link to="/index"
                   class="flex2 aic f20 yellow"
                   active-class="active">
        <i class="icon-home iconfont f18 text"></i>
        <p class="mt-5 f12 text">首页</p>
      </router-link>
    </li>
    <li class="item">
      <router-link to="/request"
                   class="flex2 aic f20 text"
                   active-class="active">
        <van-icon class="text"
                  name="records" />
        <p class="mt-5 text f12">我的</p>
      </router-link>
    </li>
  </ul>
</template>

<script>
export default {}
</script>

<style scoped lang="less">
.footer {
  background-color: #fff;
  border-top: 1px solid #ddd;
  height: 46px;
  position: fixed;
  bottom: 0;
  width: 100%;
  .text {
    color: #666;
    font-weight: 600;
  }
  .active .text {
    color: rgba(0, 90, 170, 1);
    font-weight: 600;
  }
}
.footer[data-v-b73072c8] {
  height: 46px;
}
</style>
